@charset 'utf-8';
@import "public/_config.scss";
.act{
	padding: pxToRem(33);
	font-size: pxToRem(32);
	border-bottom: pxToRem(10) solid #f0f0f0;
}
.content{
	padding: pxToRem(33);
	.basic{
		font-size: pxToRem(32);
		.color{
			color: #ff0000;
			vertical-align: middle;
			padding-right: pxToRem(10);
		}
	}
	.no-line{
		padding: pxToRem(47) 0 pxToRem(15);
		.textarea{
			margin-top: pxToRem(16);
			height: pxToRem(158);
			border: 1px solid #d9d9d9;
			padding: pxToRem(15);
			line-height: pxToRem(34);
			overflow: auto
		}	
	}
	.frame{
		@include flex-box();
		padding: pxToRem(47) 0 pxToRem(15);
		@include border-bottom-m;
		&::after{
		    border-color: #d9d9d9;
		};
		&.on-line{
			@include border-bottom-m;
			&::after{
			    border: none;
			};
		}
		.name{
			padding-right: pxToRem(25);
		}
		.input{
			@include flex-item();
			.gender{
				margin-right: pxToRem(20);
				.circular{
					display: inline-block;
					width: pxToRem(38);
					height: pxToRem(38);
					border-radius: 50%;
					border: 1px solid #dcdcdc;
					vertical-align: middle;
					margin-right: pxToRem(8);
					text-align: center;
					line-height: pxToRem(38);
				}
				&.active{
					.circular{
						&::before{
							content: '';
							display: inline-block;	
							margin-top: pxToRem(7);
							width: pxToRem(24);
							height: pxToRem(24);
							border-radius: 50%;
							background-color: #3dbbb2;
						}
					}	
				}
			}
			.img{
				width: pxToRem(160);
				height: pxToRem(200);
				@include set-bg-img( $name: "icon-grame.png", $size: pxToRem(160) auto, $position: center center);
				border: 1px solid #e5e5e5;
			}
		}
	}
	.submit{
		width: pxToRem(530);
		height: pxToRem(100);
		line-height: pxToRem(100);
		text-align: center;
		font-size: pxToRem(37);
		color: #fff;
		background-color: #64c9c1;
		border-radius: pxToRem(100);
		margin: pxToRem(115) auto pxToRem(20);
		&.no-onclick{
			background-color: #999;
		}
	}
}